<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>用户端业绩分析</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
<!--    <link rel="stylesheet" href="/css/statisticsManager/analyseCustomerForm.css"/>-->
    <link rel="stylesheet" href="/css/statisticsManager/common.css"/>
    <style>
        .filter-aciton button.btn-primary:hover,
        .filter-aciton button.btn-primary:focus {
            color: #fff;
        }
        .card .filter-content {
            padding: 0 20px;
            margin-bottom: 0;
            border: #f8f9fc solid 1px;
            border-radius: 12px;
            background: #f8f9fc;
        }
        .card .filter-content.in {
            margin-bottom: 15px;
        }
        .bootstrap-select {
            height: 36px;
            background: transparent;
        }
        .bootstrap-select .dropdown-toggle {
            background: #fff;
        }
        .filter-aciton button[data-target="#filterContent"] i.mdi-close {
            line-height: 18px;
        }
    </style>
</head>
<body>
<div class="container-fluid customer-page">
    <div class="card m-b-0">
        <div class="card-header">
            <h1>业绩分析</h1>
        </div>
        <div class="card-body">
            <div class="analy-entire">
                <div class="customer-rate">
                    <p>销售额度统计表</p>
                    <div class="filter-aciton">
                        <div class="p-r-15">时间范围</div>
                        <div class="input-group">
                            <input type="text" id="statisticsYear" class="form-control input-sm" style="width: 100px;">
                            <span class="input-group-addon">年</span>
                            <input type="text" id="statisticsMonth" class="form-control input-sm" style="width: 100px;">
                            <span class="input-group-addon">月</span>
                        </div>
                    </div>
                </div>
                <div class="entire-region p-b-15">
                    <ul class="client customer-rate-client" >
                        <li class="clientMess">
                            <div class="client-branch">会员产品数量：<span id="vipProductCount"></span></div>
                        </li>
                        <input type="hidden">
                        <li class="clientMess">
                            <div class="client-branch">会员产品销售额度：<span id="vipProductProductCount" ></span></div>
                        </li>
                        <li class="clientMess">
                            <div class="client-branch">非会员产品数量：<span id="productCount" ></span></div>
                        </li>
                        <li class="clientMess">
                            <div class="client-branch">非会员产品销售额度：<span id="productProductCount" ></span></div>
                        </li>
                    </ul>
                    <div style="width: 100%;height: 360px;" id="analyse"></div>
                </div>
            </div>

            <div class="analy-entire m-b-0">
                <div class="customer-rate">
                    <p>销售产品分析</p>
                    <div class="filter-aciton">
                        <div class="p-r-15">时间范围</div>
                        <div class="input-group" id="analysFilter">
                            <input type="text" id="analysisYear" class="form-control input-sm" style="width: 100px;">
                            <span class="input-group-addon">年</span>
                            <input type="text" id="analysisMonth" class="form-control input-sm" style="width: 100px;">
                            <span class="input-group-addon">月</span>
                        </div>
                        <div class="btn-group m-l-10">
                            <button type="button" class="btn btn-default btn-sm" id="allProductData">全部数据</button>
                        </div>
                        <div class="btn-group m-l-10">
                            <button type="button" data-toggle="collapse" data-target="#filterContent" class="btn btn-default btn-label btn-sm"><label><i class="mdi mdi-filter-outline"></i></label>高级筛选</button>
                        </div>

                    </div>
                </div>
                <div class="entire-region">
                    <div class="filter-content collapse" id="filterContent">
                        <div class="row">
                            <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="">客户名称</label>
                                <div>
                                    <input type="text" class="form-control" placeholder="请输入客户名称" id="customerName">
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="">订单编号</label>
                                <div>
                                    <input type="text" class="form-control" placeholder="请输入订单编号" id="orderNumber">
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="">合同编号</label>
                                <div>
                                    <input type="text" class="form-control" placeholder="请输入合同编号" id="contractNumber">
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="">提成发放状态</label>
                                <div>
                                    <select class="form-control" title="请选择提成发放状态" id="royaltyStatus">
                                        <option value="">不限</option>
                                        <option value="已发放">已发放</option>
                                        <option value="未发放">未发放</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="">产品名称</label>
                                <div>
                                    <select name="productNames" id="productNames" class="form-control" title="不限" data-selected-text-format="count" data-live-search="true" data-actions-box="true" multiple>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="">到款时间</label>
                                <div class="input-group">
                                    <input type="text" id="arriveTimeStart" class="form-control date-input" placeholder="起" autocomplete="off">
                                    <span class="input-group-addon">至</span>
                                    <input type="text" id="arriveTimeEnd" class="form-control date-input " placeholder="止" autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group col-lg-6 col-md-12 col-sm-12 col-xs-12 btn-box">
                                <label class="control-label">&nbsp;</label>
                                <div class="text-right">
                                    <button class="btn btn-link" onclick="clearAllData(this);">重置</button>
                                    <button class="btn btn-primary" type="button" onclick="searchProductData();">
                                        <i class="mdi mdi-magnify"></i><span> 搜索</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <table id="productTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script src="/js/crm/productManager/productAnalyse.js"></script>
</html>